# Window open() Method

Window Object

## Example

Open "www.w3schools.com" in a new browser window:

window.open("http://www.w3schools.com");
Try it yourself »

More "Try it Yourself" examples below.

## Definition and Usage

The open() method opens a new browser window.

Tip: Use the close() method to close the window.

## Browser Support

Method |  |  |  |  |
--- | --- | --- | --- | --- | ---
open() | Yes | Yes | Yes | Yes | Yes

## Syntax

window.open(URL,name,specs,replace)

## Parameter Values

Parameter | Description
--- | ---
URL | Optional. Specifies the URL of the page to open. If no URL is specified, a new window with about:blank is opened

name

Optional. Specifies the target attribute or the name of the window. The following values are supported:

- _blank - URL is loaded into a new window. This is default
- _parent - URL is loaded into the parent frame
- _self - URL replaces the current page
- _top - URL replaces any framesets that may be loaded
- name - The name of the window (Note: the name does not specify the title of the new window)

specs

Optional. A comma-separated list of items. The following values are supported:

channelmode=yes|no|1|0 | Whether or not to display the window in theater mode. Default is no. IE only
directories=yes|no|1|0 | Obsolete. Whether or not to add directory buttons. Default is yes. IE only
fullscreen=yes|no|1|0 | Whether or not to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode. IE only
height=pixels | The height of the window. Min. value is 100
left=pixels | The left position of the window. Negative values not allowed
location=yes|no|1|0 | Whether or not to display the address field. Opera only
menubar=yes|no|1|0 | Whether or not to display the menu bar
resizable=yes|no|1|0 | Whether or not the window is resizable. IE only
scrollbars=yes|no|1|0 | Whether or not to display scroll bars. IE, Firefox & Opera only
status=yes|no|1|0 | Whether or not to add a status bar
titlebar=yes|no|1|0 | Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box
toolbar=yes|no|1|0 | Whether or not to display the browser toolbar. IE and Firefox only
top=pixels | The top position of the window. Negative values not allowed
width=pixels | The width of the window. Min. value is 100

replace

Optional. Specifies whether the URL creates a new entry or replaces the current entry in the history list. The following values are supported:

- true - URL replaces the current document in the history list
- false - URL creates a new entry in the history list

## Technical Details

Return Value: | A reference to the newly created window, or null if the call failed

## More Examples

## Example

Open an about:blank page in a new window:

var myWindow = window.open("", "", "width=200, height=100");
Try it yourself »

## Example

Open a new window called "MsgWindow", and write some text into it:

var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
Try it yourself »

## Example

Replace the current window with a new window:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
Try it yourself »

## Example

Open a new window and control its appearance:

window.open("http://www.w3schools.com", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
Try it yourself »

## Example

Open multiple windows:

window.open("http://www.google.com/");
window.open("http://www.w3schools.com/");
Try it yourself »

## Example

Open a new window. Use close() to close the new window:

function openWin() {
myWindow = window.open("", "myWindow", "width=200, height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
}
Try it yourself »

## Example

Open a new window. Use the name property to return the name of the new window:

var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
Try it yourself »

## Example

Using the opener property to return a reference to the window that created the new window:

var myWindow = window.open("", "myWindow", "width=200, height=100"); // Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); // Text in the window that created the new window
Try it yourself »

Window Object

### WEB HOSTING

UK Reseller Hosting

### WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

### W3SCHOOLS EXAMS

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

### SHARE THIS PAGE

### Color Picker

### HTML/CSS

HTML Tutorial HTML5 Tutorial CSS Tutorial CSS3 Tutorial Bootstrap Tutorial

### JavaScript

JavaScript Tutorial jQuery Tutorial jQuery Mobile Tutorial AngularJS Tutorial AJAX Tutorial JSON Tutorial

### Graphics

Canvas Tutorial SVG Tutorial Google Maps Tutorial

### Server Side

SQL Tutorial PHP Tutorial ASP Tutorial ASP.NET Tutorial VBScript Tutorial AppML Tutorial

### Web

Web Building Web Statistics Web Certification

### XML

XML Tutorial DTD Tutorial Schema Tutorial XML DOM Tutorial XPath Tutorial XSLT Tutorial XQuery Tutorial XSL-FO Tutorial RSS Tutorial WSDL Tutorial

### HTML/CSS

HTML Tag Reference HTML Event Reference HTML Color Reference CSS 1,2,3 Reference Bootstrap Reference

### JavaScript

JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference Google Maps Reference

### Server Side

PHP Reference SQL Reference ASP Reference VBScript Reference Razor Reference ASP.NET Reference

### XML

XML DOM Reference XSLT Reference XSL-FO Reference XPath Reference XQuery Reference Schema Reference RSS Reference SVG Reference

### HTML Charsets

HTML Character Sets HTML ASCII HTML ANSI HTML Windows-1252 HTML ISO-8859-1 HTML Symbols HTML UTF-8

### HTML/CSS

HTML Examples CSS Examples

### Browser Scripting

JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples

### Server Scripting

PHP Examples ASP Examples VBScript Examples Razor Examples .NET Examples

### XML Languages

XML Examples DTD Examples XML DOM Examples XSL Examples XSLT Examples XPath Examples XQuery Examples Schema Examples RSS Examples SVG Examples